<template>
  <Collapse></Collapse>
  <commentTree
    :item="item"
    v-for="item in commentList"
    :key="item.id"
  ></commentTree>
  <list></list>
</template>

<script>
import Collapse from "./Collapse.vue";
import comment from "./comment.vue";
import list from "./liebiao.vue";
export default {
  components: { Collapse, comment, list },
  data() {
    return {
      commentList: [
        {
          actions: "Reply to",
          author: "Han Solo",
          avatar: {
            src: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
            alt: "Han Solo",
          },
          id: 1,
          content:
            "We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).",
          children: [
            {
              actions: "Reply to",
              author: "Han Solo",
              id: 2,
              avatar: {
                src: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
                alt: "Han Solo",
              },
              content:
                "We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).",
              children: [
                {
                  actions: "Reply to",
                  author: "Han Solo",
                  id: 3,
                  avatar: {
                    src: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
                    alt: "Han Solo",
                  },
                  content:
                    "We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).",
                },
              ],
            },
          ],
        },
        {
          actions: "Reply to",
          author: "Han Solo",
          id: 4,
          avatar: {
            src: "https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",
            alt: "Han Solo",
          },
          content:
            "We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure).",
        },
      ],
    };
  },
};
</script>

<style></style>
